<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Index</title>
<link href="css/base.css" rel="stylesheet" type="text/css" />
<link href="css/backheadfoot.css" rel="stylesheet" type="text/css" />
<link href="css/backcommon.css" rel="stylesheet" type="text/css" />
<link href="css/back-order.css" rel="stylesheet" type="text/css" />
</head>
<body>
	<div class="warp">
    	 <div class="backhead">
         	 <a href="#" class="logo"><img src="images/logo.png" alt="" /></a>
             <ul class="nav">
             	 <li><a href="#"><span>首页</span></a></li>
                 <li><a href="#"><span>账号管理</span></a></li>
                 <li><a href="#"><span>企业设置</span></a></li>
                 <li><a href="#"><span>我的消息<i>9</i></span></a></li>
             </ul>
             <div class="user">
             	<a href="#" class="des">
                	<span class="pic"><img src="images/temppic1.jpg" alt="" /></span>
                    张吃饭
                    <i></i>
                </a>
                <dl>
                	<dd><a href="#" class="icon-help">帮助中心</a></dd>
                    <dd><a href="#" class="icon-out">退出</a></dd>
                </dl>
             </div>
             <div class="company">江苏学则智能科技有限公司 <a href="#">切换至采购商</a></div>
         </div>
         
         <div class="backcontent">
         	<div class="back-side">
            	<ul>
                	<li class="on">
                    	<h3><span class="s1"></span>订单管理</h3>
                        <p class="active"><a href="#">我的订单</a></p>
                    </li>
                    <li>
                    	<h3><span class="s2"></span>项目管理</h3>
                        <p><a href="#">我参与的询价</a></p>
                        <p><a href="#">平台推送的询价</a></p>
                    </li>
                    <li>
                    	<h3><span class="s3"></span>组织架构</h3>
                        <p><a href="#">分公司管理</a></p>
                        <p><a href="#">部门管理</a></p>
                        <p><a href="#">员工管理</a></p>
                    </li>
                    <li>
                    	<h3><span class="s4"></span>集采管理</h3>
                        <p><a href="#">集采统计</a></p>
                    </li>
                    <li>
                    	<h3><span class="s5"></span>财务中心</h3>
                        <p><a href="#">账单对账流水</a></p>
                    </li>
                    <li>
                    	<h3><span class="s6"></span>财产管理</h3>
                        <p><a href="#">积分流水</a></p>
                    </li>
                </ul>
            </div>
            <div class="back-main">
            	<div class="inner">
                	 <div class="title">付款明细 </div>
                     <div class="back-status">
                     	<a href="#">搜索</a>
                     	<input type="text" placeholder="请输入项目名称/订单编号" class="orderInput orderInput1" />
                        <span><label>卖家名称：</label> <input type="text" class="orderInput orderInput2" /></span>
                        <span>交易时间：<input type="text" class="orderInput dateInput" /> - <input type="text" class="orderInput dateInput" /></span>
                     </div>
                     <p class="mb10"><b>已付款金额：<span class="orange">￥69866.00</span></b></p>
                     
                     <div class="dataTable dataTable2">
                     	<table>
                        	<tbody>
                            	<tr>
                                	<th>时间</th>
                                    <th>卖家</th>
                                    <th>项目名称 | 订单编号</th>
                                    <th width="130">金额</th>
                                    <th width="130">支付方式</th>
                                    <th width="130">详情</th>
                                </tr>
                                <tr>
                                	<td>2016-01-22 10:19:08</td>
                                    <td><a href="#">江苏学则智能科技有限公司</a></td>
                                    <td>
                                    	<p>不锈钢阀门-苏州市相城区粮食储备库</p>
                                        <p>11960224147 </p>
                                    </td>
                                    <td><b class="orange">￥6654.0</b></td>
                                    <td>浙商支付</td>
                                    <td><a href="#">查看详情</a></td>
                                </tr>
                                <tr>
                                	<td>2016-01-22 10:19:08</td>
                                    <td><a href="#">江苏学则智能科技有限公司</a></td>
                                    <td>
                                    	<p>不锈钢阀门-苏州市相城区粮食储备库</p>
                                        <p>11960224147 </p>
                                    </td>
                                    <td><b class="orange">￥6654.0</b></td>
                                    <td>浙商支付</td>
                                    <td><a href="#">查看详情</a></td>
                                </tr>
                                <tr>
                                	<td>2016-01-22 10:19:08</td>
                                    <td><a href="#">江苏学则智能科技有限公司</a></td>
                                    <td>
                                    	<p>不锈钢阀门-苏州市相城区粮食储备库</p>
                                        <p>11960224147 </p>
                                    </td>
                                    <td><b class="orange">￥6654.0</b></td>
                                    <td>浙商支付</td>
                                    <td><a href="#">查看详情</a></td>
                                </tr>
                                <tr>
                                	<td>2016-01-22 10:19:08</td>
                                    <td><a href="#">江苏学则智能科技有限公司</a></td>
                                    <td>
                                    	<p>不锈钢阀门-苏州市相城区粮食储备库</p>
                                        <p>11960224147 </p>
                                    </td>
                                    <td><b class="orange">￥6654.0</b></td>
                                    <td>浙商支付</td>
                                    <td><a href="#">查看详情</a></td>
                                </tr>
                                <tr>
                                	<td>2016-01-22 10:19:08</td>
                                    <td><a href="#">江苏学则智能科技有限公司</a></td>
                                    <td>
                                    	<p>不锈钢阀门-苏州市相城区粮食储备库</p>
                                        <p>11960224147 </p>
                                    </td>
                                    <td><b class="orange">￥6654.0</b></td>
                                    <td>浙商支付</td>
                                    <td><a href="#">查看详情</a></td>
                                </tr>
                                <tr>
                                	<td>2016-01-22 10:19:08</td>
                                    <td><a href="#">江苏学则智能科技有限公司</a></td>
                                    <td>
                                    	<p>不锈钢阀门-苏州市相城区粮食储备库</p>
                                        <p>11960224147 </p>
                                    </td>
                                    <td><b class="orange">￥6654.0</b></td>
                                    <td>浙商支付</td>
                                    <td><a href="#">查看详情</a></td>
                                </tr>
                                <tr>
                                	<td>2016-01-22 10:19:08</td>
                                    <td><a href="#">江苏学则智能科技有限公司</a></td>
                                    <td>
                                    	<p>不锈钢阀门-苏州市相城区粮食储备库</p>
                                        <p>11960224147 </p>
                                    </td>
                                    <td><b class="orange">￥6654.0</b></td>
                                    <td>浙商支付</td>
                                    <td><a href="#">查看详情</a></td>
                                </tr>
                            </tbody>
                        </table>
                     </div>
                     <div class="backpage">
                     	共30条需求记录 <span class="orange">1</span> / 6 <p><input type="text" /><a href="#" class="go">GO</a></p> <div class="pnt"><a href="#" class="prev"></a> <a href="#" class="next"></a></div>
                     </div>
                </div>
            </div>
         </div>
         
         <div class="backfoot">
         	<div class="inner">
            	<div><a href="#">服务条款</a> | <a href="#">关于我们</a> | <a href="#">联系我们</a> | <a href="#">帮助中心</a> | <a href="#">加入我们</a> </div>
                <p>沪ICP备15024004号-1 © 2015-2016 azt365.com 版权所有</p>
            </div>
         </div>
         
         <!-- 公司信息 -->
         <div class="tan-companyInfo">
              <em></em>
         	<div class="pic"><img src="images/temppic2.jpg" alt="" /></div>
            <div class="des">
            	<p>南京西卡科技有限公司</p>
                <p>江苏 南京</p>
                <p>张三     1515099908</p>
            </div>
         </div>
         
         
         <!-- 提醒 -->
         <div class="tanbox tanTip" style="display:none">
         	<div class="tanbg"></div>
            <div class="box" style="width:400px;">
            	<span class="closed"></span>
                <div class="cont">
                	<div class="des">
                    	<h4>提醒</h4>
                        <p>无法支付，该订单存在异常。</p>
                    </div>
                </div>
            </div>
         </div>
         
    </div>
<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script> 
<script type="text/javascript">
	$(function(){
		//公司信息
		var $tan_companyInfo = $('.tan-companyInfo');
		$('.dataTable .alltd .cname').hover(function(){
			$(this).append($tan_companyInfo);	
		},function(){
			$(this).find($tan_companyInfo).remove();	
		})
		
		$('.tanbox .closed').click(function(){
			$(this).parents('.tanbox').hide();	
		})
		
		function autoside(){
			$('.back-side').height($(window).height()-48);
			$('.warp').css('minHeight',$(window).height()-48);	
		}
		
		$(window).resize(function(){
			autoside()	
		}).trigger('resize');	
	})
</script>
</body>
</html>
